<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="script/jquery-1.7.2.js"></script>
    <script type="text/javascript">

        $(function () {
            // 不传参数 是获取，传参数是设置(从这可以看出html()方法 会执行标签的作用)
            // alert($("div").html()); //获取
            // $("div").html("<h1>我是div中的标题 1<h1>"); //设置

            // 不传参数 是获取，传参数是设置
            // alert($("div").text()); //获取
            // $("div").text("<h1>我是div中的标题 1<h1>"); //设置

            //不传参数 是获取，传参数是设置
            $("button").click(function (){
                alert($("#username").val()); //获取
                $("#username").val("超级程序猿"); //设置
            })
        });

    </script>
</head>
<body>
<div>我是div标签<span>我是div中的span标签</span></div>
<input type="text" name="username" id="username"/>
<button>操作输入框</button>
</body>
</html>